.pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.prev, .next {
    padding: 8px 12px;
    font-size: 16px;
    cursor: pointer;
}
.prev:disabled, .next:disabled {
    background-color: #ddd;
    color: #666;
}
.current-page {
    padding: 8px 12px;
    font-size: 16px;
    margin: 0 8px;
}

.image-container {
    position: relative;
    display: inline-block;
    margin: 10px;
}
.delete-button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(180,180,180, 0.8);
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s ease; /* 添加过渡效果 */
}
.image-container:hover .delete-button {
    opacity: 1; /* 鼠标悬停时显示 */
}
.delete-button:hover {
    background-color: rgba(180,180,180, 1);
}

